<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模拟停车场系统</title>
    <link rel="stylesheet" href="css/01-停车场.css">
</head>

<body>
    <div class="box">
        <!-- 名称 -->
        <h1>XXX停车场</h1>
        <!-- 入库 -->
        <div class="stop">
            <div class="all-box">
                全部停车位： <span class="all">1 </span>个
            </div>
            <div class="remainder-box">
                剩余停车位： <span class="remainder">1 </span>个
            </div>
            <div class="time"></div>
            <p>位置已满</p>
            <p class="no">没有车辆需要出库</p>
        </div>

        <!-- 出库 -->
        <div class="pick">
            <p>车牌： <span class="plate">1</span></p>
            <p>入场：<span class="admission"></span></p>
            <p>出场：<span class="appearances"></span></p>
            <p>时长：<span class="duration"></span></p>
            <p>需缴费：<span class="payment"></span></p>


        </div>
        <!-- 底部 -->
        <div class="stop-fd">
            <div class="go">入库</div>
            <div class="out">出库</div>

        </div>
    </div>

    <!-- 遮罩层 -->
    <div class="mask">
        <div class="main">
            <h2>请录入车牌号</h2>
            <!-- 车牌号 -->
            <div class="brand">
                车牌号：<input type="text" placeholder="请输入车牌号" class="brand-ipt">
            </div>

            <button class="confirm">确定</button>
        </div>
    </div>

    <script src="js/01-停车场.js"></script>
</body>

</html>